<template>
  <div>
    <div id="expressPrintUpdate">

    </div>
    <div style="font-size: 20px;font-weight: 600;color: #000;height: 80px;width: 100%;display: flex;align-items: center;justify-content: center;">
      低保业务
    </div>
    <table border="1">
      <tr class="expressPrint_item" style="display: flex;min-height: 50px;">
        <td type="index" style="width: 150px;min-height: 50px;text-align: center;line-height: 50px;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          label="序号">
          序号
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;padding:7px;">
          地区
        </td>
        <td style="width: 200px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;padding:7px;">
          户数
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          人数
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          退出户数
        </td>
        <td style="width: 200px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          退出人数
        </td>
        <td style="width: 100px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          调减人数
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          新增户数
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          新增人数
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          调增人数
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          低保金
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          电价
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          分类施保金
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          其他
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          合计
        </td>
      </tr>
      <tr class="expressPrint_item" v-for="(e,i) in list" :key="i" style="display: flex;min-height: 50px;">
        <td type="index" style="width: 150px;min-height: 50px;text-align: center;line-height: 50px;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          label="序号">
          {{i + 1}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;padding:7px;">
          {{e.areaName}}
        </td>
        <td style="width: 200px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;padding:7px;">
          {{e.houseCount}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.userCount}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.exitHouse}}
        </td>
        <td style="width: 200px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.exitUser}}
        </td>
        <td style="width: 100px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.reduceUser}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.joinHouse}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.joinUser}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.addUser}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.baseMoney}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.electricitySubsidy}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.flsbMoney}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.otherMoney}}
        </td>
        <td style="width: 150px;min-height: 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;"
          >
          {{e.approvedMoney}}
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    list: {}
  },
  mounted() {}
};
</script>

<style>
#expressPrintUpdate {
  text-align: center;
  width: 100%;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
#expressPrintUpdate a {
  color: #409eff;
  margin-right: 5px;
  margin-left: 5px;
}
</style>